import { ChangeDetectionStrategy, Component } from '@angular/core';
import { CommonModule } from '@angular/common';

@Component({
  selector: 'cne-basic-form',
  standalone: true,
  imports: [CommonModule],
  template: `
    <div class="form-content">
      <h1>基础表单</h1>
      <p>这是一个基础表单示例页面。</p>
      
      <div class="form-container">
        <div class="card">
          <h3>表单功能</h3>
          <p>这里将展示基础表单的各种输入控件和验证功能。</p>
        </div>
      </div>
    </div>
  `,
  styles: [`
    .form-content {
      padding: 24px;
      max-width: 1200px;
      margin: 0 auto;
    }
    
    h1 {
      color: #1976d2;
      margin-bottom: 16px;
    }
    
    p {
      color: #666;
      margin-bottom: 32px;
    }
    
    .form-container {
      margin-top: 32px;
    }
    
    .card {
      background: white;
      border-radius: 8px;
      padding: 24px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .card h3 {
      color: #1976d2;
      margin-bottom: 12px;
    }
    
    .card p {
      color: #666;
      margin-bottom: 0;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class BasicFormComponent {

}
